<template>
  <div class="mobilebox">
    <div class="centScroll">
      <div class="boxHant">
      <parserinfo :form-conf="mobileConf"></parserinfo>
    </div>
    </div>
    
    
  </div>
</template>
<script>
import parserinfo from '../components/parser'

export default {
    data(){
    return {
       
    }
    },
    components:{
     parserinfo
    },
    props:{
        mobileConf: {
      type: Object,
      required: true
    }
    },
    methods:{
        
    }
}
</script>
<style scoped lang="less">
.mobilebox{
   margin:auto;
   width:435px;
   height:737px;
   background:url('../../../assets/images/iphone.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
   padding-top:50px;
   padding-bottom: 50px;
   .centScroll{
    height:100%;
    width:367px;
    margin:auto;
    position: relative;
    border-radius: 18px;
   }
  .boxHant{
    height:100%;
    width:367px;
    margin:auto;
    overflow-y: auto;
    border-radius: 18px;
  }
   // 滚动条
   .boxHant::-webkit-scrollbar {/*滚动条整体样式*/
        width: 7px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
    .boxHant::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #E5E5E5;
    }
    .boxHant::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #ffffff;
    }
}
</style>